<?php

/**
 * @author quangthinh
 * @copyright 2012
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="<?php echo PUB_PATH.'/'. $this->mod; ?>/css/style.css" type="text/css" />
    
    
    <!-- Khai bao thu vien jquery -->
    <script type="text/javascript" src="<?php echo PUB_PATH.'/'. $this->mod; ?>/js/jquery-1.7.1.min.js" ></script>
    <!-- Khai bao corner - cai nay dung de bo tron goc -->
    <script type="text/javascript" src="<?php echo PUB_PATH.'/'. $this->mod; ?>/js/corner.js" ></script>
    
    
    <script type="text/javascript" src="<?php echo PUB_PATH.'/'. $this->mod; ?>/js/stickytooltip.js" ></script>
    
    <!-- Su kien onload -->
    <script type="text/javascript">
        $("document").ready(function()
            {
                $('a.tab').click(function(){
                    $('.tab').css("background-position","bottom left");
                    //set lai tat ca tab
                   $(this).css("background-position","top left");
                   //chi thay doi cai duoc chon    
                });
                 // Bo tron goc -->
                $("#category").corner();
                $("ul.category").corner();
                $("#hotro").corner();
                $("#hotrothanhtoan").corner();
                $("#qtm-rt-navi").corner("top");
                $("#qtm-r-sp-new ul li").corner();


            }
        );      
    </script> 
    
    <style type="text/css">
    .stickytooltip{
    box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
    -webkit-box-shadow: 5px 5px 8px #818181;
    -moz-box-shadow: 5px 5px 8px #818181;
    display:none;
    position:absolute;
    display:none;
    border:5px solid black; /*Border around tooltip*/
    background:white;
    z-index:3000;
    }
    
    
    .stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
    background:black;
    color:white;
    padding-top:5px;
    text-align:center;
    font:bold 11px Arial;
    }
    
    /*icon menu left*/
    #category ul li.icon-gaubong{
    background: url(<?php echo PUB_PATH.'/'. $this->mod; ?>/img/icon-gaubong.png) no-repeat top left;
    }
    
     #category ul li.icon-hoagaubong{
    background: url(<?php echo PUB_PATH.'/'. $this->mod; ?>/img/icon-hoagaubong.png) no-repeat top left;
    }
    
    #category ul li.icon-usb{
    background: url(<?php echo PUB_PATH.'/'. $this->mod; ?>/img/icon-usb.png) no-repeat top left;
    }
    </style>
	<meta name="author" content="quangthinh" />

	<title>Shopping--------</title>
    
    
</head>
<body>

<div id="wrap">
    <div id="head">
        <div id="qthead">
            <img src="<?php echo PUB_PATH.'/'. $this->mod; ?>/img/logo.png" class="logo"/>
            <ul>
                <li><a href="<?php echo WEB_PATH; ?>">TRANG CHỦ</a></li>
                <li><a href="<?php echo WEB_PATH; ?>/gioithieu">GIỚI THIỆU</a></li>
                <li><a href="<?php echo WEB_PATH; ?>/lienhe">LIÊN HỆ</a></li>
                <li><a href="<?php echo WEB_PATH; ?>/gopy">GÓP Ý</a></li>
            </ul>
            
            <div class="giohang">
                <p class="sp"><a href="#">Có 5 sản phẩm</a></p>
                <p>Tổng tiền: 5000 VNĐ</p>
            </div><!-- #giohang -->   
        </div><!-- #qthead -->
    </div><!-- #head -->